iT邦幫忙

2026 iThome 鐵人賽

DAY 15
0
ChatGPT & Codex

使用ChatGPT&Codex做出APP系列 第 15 篇

Day15|從 0 想法到使用 ChatGPT&Codex 開發App 30 天挑戰 : 增加編輯照片頁功能

  • 分享至 

  • xImage
  •  

今天改編輯區域縮放的功能,之前叫他做縮放功能的時候,他還自己畫了一個畫布,照片放大的時候超出畫布的地方就會被擋住,變成遮罩功能的感覺了,但我其實只是想要照片可以縮放讓我看細節或看整體感覺而已,沒想到在這裡也是改了兩三遍。
https://ithelp.ithome.com.tw/upload/images/20261013/20184304S4bHl9jkWq.png

左邊是我放在別 App 內看原圖的效果 右邊是放在我做的 App 放大會被擋住

把畫布設成整個編輯區域,讓照片可以自由縮放
https://ithelp.ithome.com.tw/upload/images/20261013/20184304qC8trqTfZo.png
在修改過程中有幾度 App 會重新整理跳出測試編輯照片的頁面,每次都要重新點擊照片再放置測試貼圖等動作,我就想說乾脆把草稿的地方先做出來,至少 App 修改的時候重新整理我可以更快速的繼續上一個測試的動作。
https://ithelp.ithome.com.tw/upload/images/20261013/20184304bv771D0dRy.png

我就沒有特別要求草稿頁要做什麼 先讓我擁有草稿就好:)

然後我做一做覺得要把參考圖從下方那一列拉出來,讓他像 iPhone 的小白點一樣,平常懸浮在旁邊,可以拖動到任何位置,需要的時候點開查看。
https://ithelp.ithome.com.tw/upload/images/20261013/20184304qncu4HaPHh.png

一樣先求有再求好 他直接給我顯示一個參也是滿有想法的哈哈

原本新增貼圖的時候,照片跟貼圖都會動來動去,也不能調整貼圖的大小,完全沒辦法編輯,現在讓選取物件的時候有調整大小的框框,可以放大縮小移動旋轉,照片縮放的時候新增的貼圖等也會跟著縮放。
https://ithelp.ithome.com.tw/upload/images/20261013/20184304KWPYojl0b1.png
下方的貼圖跟顏文字都加了可以新增的按紐,還加入了匯入圖片的按紐,在這邊加入也會自動匯入收藏的地方,之後就可以重複使用。
https://ithelp.ithome.com.tw/upload/images/20261013/20184304BAEimwNgtc.png
為了更方便編輯照片還新增了上一步下一步的按紐
https://ithelp.ithome.com.tw/upload/images/20261013/20184304fpabEqK9Cl.png

箭頭做得很醜我一定會改他

今天先到這裡!


上一篇
Day14|從 0 想法到使用 ChatGPT&Codex 開發App 30 天挑戰 : 編輯照片頁面
下一篇
Day16|從 0 想法到使用 ChatGPT&Codex 開發App 30 天挑戰 : 修改選取物件等功能
系列文
使用ChatGPT&Codex做出APP 共 30 篇
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言